@import 'default';
@import './component/banner';
@import './component/grid';
@import './component/tab';

.content{
	width:1200px;
    height: auto;
    margin:0 auto;
    padding:0px 0 100px;
}
.title{
	line-height: 70px;
	font-size:30px;
	color:#576077;
	border-bottom:1px solid #e8e8e8;
	position: relative;
}
.bottomline{
	width:120px;
	height:2px;
	background:#f46a00;
	position: absolute;
	bottom:0;
	left:0;
}
.form{
	width: 480px;
	margin:42px auto 0;
	.form-row-item{
		position: relative;
		overflow: hidden;
		height: 63px;
		&.position{
			height: 40px;
			.tipmessage{
				top:20px;
			}
		}
		&.login{
			padding-left:116px;
			width:362px;
		}
	}
	.label{
		width:96px;
		text-align: right;
		float: left;
		line-height: 44px;
	}
	.input{
		width:350px;
		padding-left:10px;
		height: 42px;
		border:1px solid #e8e8e8;
		float: left;
		margin-left:20px;
		&.spec{
			width:220px;
		}
	}
	.tipmessage{
		position: absolute;
		font-size: 12px;
		color: #ff5559;
		top: 44px;
		left: 116px;
	}
	.register-yzm-img{
		height: 44px;
		width: 120px;
		position: absolute;
		top: 0;
		right: 0;
		&.msg{
			font-size: 14px;
			color: #fff;
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background: #ff5559;
			line-height: 44px;
			text-align: center;
			cursor: pointer;
			background: #576077;
		}
	}
	.login-forget-pwd-div{
		font-size: 14px;
		height: 20px;
		color:#999;
		overflow: hidden;
		padding-left:116px;
	}
	.login-protocol-chk {
		float: left;
		margin-top: 2px;
		margin-right: 5px;
	}
	.login-agree-span{
		float: left;
		font-size:14px;
        line-height: 1.2em;
	}
	.protocol-link{
		color:#999;
	}
	.button{
		width:362px;
		height: 44px;
		background: #d9d8de;
		color:#fff;
		font-size:18px;
		text-align: center;
		line-height: 44px;
        margin-left:116px;
        &.enable{
            background: #f46a00;
        }
        &.disabled{
            background: #d9d8de;
        }
	}
	.fast-login,.hasAccount{
		width:49%;
		display: inline-block;
		color:#999;
		font-size:14px;
		line-height: 30px;
		overflow: hidden;
	}
	.txt{
		float: left;
	}
	.login-icon{
		width:30px;
		height:30px;
		display: block;
		float: left;
		cursor: pointer;
		&.icon-qq{
			background: url(../img/icon/icon-qq.png) no-repeat;
			-ms-behavior: url(/frontlib/css/common/backgroundsize.min.htc);
			behavior: url(/frontlib/css/common/backgroundsize.min.htc);
			margin:0 10px;
		}
		&.icon-wx{
			background: url(../img/icon/icon-wx.png) no-repeat;
			-ms-behavior: url(/frontlib/css/common/backgroundsize.min.htc);
        	behavior: url(/frontlib/css/common/backgroundsize.min.htc);
		}
	}
	.hasAccount{
		text-align: right;
		font-size:14px;
		color:#999;
	}
	.loginBtn{
		color:#3caae3;
	}
}